<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			h1{
				color: #00ff00;
			}
			h2{
				color: rgb(255, 0, 0);
			}
			
			p.data{
				text-align: center;
			}
			p.main{
				text-align: justify;
			}
			
			a{
				text-decoration: none;
			}
			
			p.p1{
				text-decoration: overline;
			}
			
			p.p2{
				text-decoration: line-through;
			}
			
			p.p3{
				text-decoration: underline;
			}
			
			p.uppercase{
				text-transform: uppercase;
			}
			
			p.lowercase{
				text-transform: lowercase;
			}
			
			p.capitalize{
				text-transform: capitalize;
			}
			
			p.p4{
				text-indent: 50px;
			}
		</style>
	</head>
	<body>
		<!--文本颜色-->
		<h1>aaaa</h1>
		<h2>bbbb</h2>
		
		<!--文本对齐方式-->
		<p class="data">aaaaa</p>
		<p class="main">bbbbb</p>
		
		<!--删除a标签下划线-->
		<a href="javaScript:void(0);">点击跳转百度</a>
		
		<!--装饰文字-->
		<p class="p1">aaaaa</p>
		<p class="p2">bbbbb</p>
		<p class="p3">ccccc</p>
		
		<!--文本转换-->
		<p class="uppercase">aaaaX</p>
		<p class="lowercase">axxAx</p>
		<p class="capitalize">XALQax</p>
		
		<!--文本缩进-->
		<p class="p4">文本缩进</p>
	</body>
</html>